<template>
  <div>
    <ul>
      <li v-for="(item,index) in arr" :key="index">
        {{item}}-------{{index}}
      </li>
    </ul>
    <p v-on="da"></p>
    <p v-for='item in obj' :key="item.id">
    <span>{{item.name}}</span>
      <span>{{item.age}}</span>
    </p>
  </div>
</template>

<script>
export default {
data() {
  return {
    arr:["小明","小红","小芳"],
    obj:[{
      id:1,
      name:"明仔",
      age:18
    },{
      id:2,
      name:"暗仔",
      age:19
    },{
      id:3,
      name:"光仔",
      age:20
    },{
      id:4,
      name:"黑仔",
      age:21
    },
    ]
  }
},
}
</script>

<style>

</style>